<template>
	<view class="noListData">
		<view class="noDataImg"><image src="../static/noData.png" alt="" /></view>
		<view class="noDataText">{{noText}}</view>
	</view>
</template>

<script  setup lang="ts">
	import {defineProps, withDefaults} from 'vue'
	
	withDefaults(defineProps<{
		noText: string
	}>(), {
		noText: '还没有数据~'
	})
</script>

<style scoped lang="scss">
	.noListData {
		width: 100%;
		height: auto;
		padding: 100rpx 0 100rpx;
		.noDataImg {
			width: 276rpx;
			height: 322rpx;
			margin: 0 auto;
		}
		.noDataText {
			font-size: 28rpx;
			color: $theme-grey;
			line-height: 38rpx;
			margin-top: 30rpx;
			text-align: center;
		}
	}
</style>
